<template>
	<view class="box">
		<view class="img">
			<image src="/static/images/blank/qianyuechenggong.png" mode=""></image>
		</view>
		<view class="tip">
			签约成功
		</view>
		<view class="sml">
			与商户帐户快捷支付已签约成功，可以消费。
		</view>
		<view class="btn">
			<view class="reallyBtn" @click="toIndex">
				下一步
			</view>
		</view>
		<view class="kdn">
			<image src="/static/images/blank/4341yu.png" mode=""></image>
			<view class="subx">
				交通银行 提供产品服务
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters,
		mapMutations,
		mapActions
	} from 'vuex';
	export default {
		data() {
			return {
				batId: "",
				orgId: "",
				phone: ""
			}
		},
		onLoad(option) {
			this.phone = option.phone
			this.batId = option.batId
			this.orgId = option.orgId
		},
		computed: {
			...mapState('redPacket', ["isRedPacket"])
		},
		components: {

		},
		onBackPress(options) {
			if (options.from === 'navigateBack') {
				return false
			}
			this.back();
			return true
		},
		methods: {
			back() {
				var pages = getCurrentPages();
				uni.navigateBack({
					delta: pages.length - 1
				})
			},
			toIndex() {

				// if(this.orgId == 4514061){
				// 	uni.navigateTo({
				// 		url: `/pageMassage/redPacketRecharge/redPacketRecharge?batId=${this.batId}&orgId=${this.orgId}&phone=${this.phone}&qy=1`
				// 	})
				// }else {
				// 	uni.navigateTo({
				// 		url: `/pageBlank/bindStudent/bindStudent?batId=${this.batId}&orgId=${this.orgId}&phone=${this.phone}`
				// 	})
				// }
				if (this.orgId == 4514061) {
					uni.navigateTo({
						url: '/pageBlank/blankAppDownLoadH5/blankAppDownLoadH5'
					})
				} else {
					uni.navigateTo({
						url: `/pageBlank/bindStudent/bindStudent?batId=${this.batId}&orgId=${this.orgId}&phone=${this.phone}`
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		width: 100%;
		height: 100%;

	}

	page-body {
		width: 100%;
		height: 100%;
	}

	.kdn {
		position: fixed;
		left: 0rpx;
		bottom: 68rpx;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;

		>image {
			width: 34rpx;
			height: 33rpx;
		}

		.subx {
			margin-left: 8rpx;
			height: 34rpx;
			font-size: 23rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #003A79;
			line-height: 34rpx;
		}
	}

	.box {
		height: 100%;
		box-sizing: border-box;
		padding-top: 300rpx;

		.btn {
			margin-top: 140rpx;

			.reallyBtn {
				width: 358rpx;
				height: 88rpx;
				line-height: 88rpx;
				text-align: center;
				border-radius: 44rpx 44rpx 44rpx 44rpx;
				opacity: 1;
				border: 1rpx solid #3478F5;
				font-size: 32rpx;
				font-family: Source Han Sans CN-Light, Source Han Sans CN;
				font-weight: 300;
				color: #3478F5;
				margin: 0rpx auto;
			}
		}

		.img {
			width: 442rpx;
			height: 370rpx;
			margin: 0rpx auto;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.sml {
			height: 35rpx;
			font-size: 24rpx;
			font-family: Source Han Sans CN-Light, Source Han Sans CN;
			font-weight: 300;
			color: #3478F5;
			line-height: 35rpx;
			text-align: center;
			margin-top: 16rpx;
		}

		.tip {
			margin-top: 78rpx;
			text-align: center;
			height: 52rpx;
			font-size: 36rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #333333;
			line-height: 52rpx;
		}
	}
</style>